<template>
    <div>
        <button v-show="index > 0" @click="prev">上一步</button>
        <button @click="next" v-show="index >= 0 && index < 3">下一步</button>
        <button v-show="index === 3" @click="submit">提交</button>
    </div>
</template>

<script>
export default {
    name: '',
    props: {
        index: {
            default: 0
        }
    },
    data() { 
        return {

        }
    },
    created() {

    },
    methods:{
        next() {
            this.$emit('next')
        },

        prev() {
            this.$emit('prev')
        },

        submit() {
            this.$emit('submit')
        }
    },
}
</script>

<style scoped>
</style>